<!DOCTYPE  HTML>
<html>
	<head>
		
		<script type="text/javascript" src="../resources/script.js"></script>
		<meta charset="utf-8">
  		<meta name="viewport" content="width=device-width, initial-scale=1">
  		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
  		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  		<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
  		<link rel="stylesheet" href="../resources/style.css" />
	</head>
	<body>
		<div id="ahmainpnl" >
			<div id="ahheaderpnl">
				<img id="ahlogo" src="../resources/logo.png"></img>
				<span id="ahttl">Training Management System</span>
			</div>
			<div id="ahmenupnl">
				 <a href="home_admin.html" id="ahbtnhome" class="btn btn-success">Home</a>
				<!--button type="button" id="ahbtnhome" class="btn btn-success" onclick="window.open('home_admin.html')">Home</button-->
				<hr/>
				<a href="addUser.html" id="ahbtnhome" class="btn btn-info">Users</a>
				<!--button type="button" id="ahbtnuser" class="btn btn-info" onclick="window.open('addUser.html')">Users</button-->
				<a href="addTechnology.html" id="ahbtnhome" class="btn btn-info">Technologies</a>
				<!--button type="button" id="ahbtntech" class="btn btn-info" onclick="window.open('addTechnology.html')">Technologies</button-->
				<button type="button" id="ahbtnlogout" class="btn btn-info" >	
					Logout
				</button>
			</div>
			<div  class="container" id="ahshcontentpnl"><br>
				<div class="container" id="ahses_info">
  					<h2>Session</h2>
         
					<table id="ses_info">
						<tr>
							<td>ID :</td>
							<td>1</td>
	        					<td>Name :</td>
							<td> SVN</td>
						</tr>
						<tr>	
							<td>Technology :</td>
							<td>General</td>
					 		<td>Trainer Name :</td>
							<td> Amit Walambe</td>
						</tr>	
						<tr>	
							<td>Date :</td>
							<td>16/01/2015</td>
							<td>Time :</td>
							<td>04:00</td>
						</tr>
						<tr>
							<td>Status :</td>
							<td>Available</td>
		
						</tr>

				</table>
				<button id="btnaddSessionUsers" type="button"  class="btn btn-primary" data-toggle="collapse" data-target="#addUsers" >
					Add Trainees
				</button>

         			</div>
			
				<br>
				<hr>
				<br>
				<div id="addUsers" class="collapse container">
  					<table class="table">
    						<thead>
      							<tr>
								<th></th>
        							<th>ID</th>
            							<th>Emp-ID</th>
								<th>Name</th>
								<th>DOB</th>
								<th>Joining Date</th>
								<th>College</th>
							</tr>
     
    						</thead>
    						<tbody>
							<tr>
								<td class="checkbox"><input type="checkbox" value=""> </td>
								<td>1</td>
            							<td>721</td>
								<td>Sumedha Raje</td>
								<td>18/10/1991</td>
								<td>22/12/2014</td>
								<td>Nowrosjee Wadia College</td>
      							</tr>
							<tr>
								<td class="checkbox"><input type="checkbox" name="chkbx_trainee" value=""></td>
								<td>2</td>
            							<td>321</td>
								<td>Abhijeet Majgaonkar</td>
								<td>18/06/1990</td>
								<td>22/12/2014</td>
								<td>IMCC College</td>
      							</tr>
      							
  						</tbody>
  					</table>
  					<button id="btnaddSelectedTrainees" type="button"  class="btn btn-primary">
					Add
				</button>
      
				</div>
				<div class="container" id="ahses_user">
 					<h4>Trainee Assigned</h4>
    					<table class="table">
    						<thead>
      							<tr>
   							     	<th>UserId</th>
        							<th>Name</th>
        							<th>Status</th>
								<th>Comment</th>
      							</tr>
    						</thead>
    						<tbody>
      							<tr class="success">
        							<td>1</td>
        							<td>Abhijeet Majgaonkar</td>
        							<td>accepted</td>
								<td></td>
      							</tr>
						        <tr class="danger">	
        							<td>2</td>
        							<td>Sumedha Raje</td>
        							<td>rejected</td>
								<td>On leave</td>
      							</tr>
      							<tr class="info">
        							<td>3</td>
        							<td>Mohsin Sayyed</td>
        							<td>pending</td>
									<td></td>
      							</tr>
    						</tbody>
  					</table>
	
				</div>
			
		</div>
		
	</body>
	
</html>
